<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><?- sys.title ?>-分类</title>
<? include conf.html ?>
</head>
<body>
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
	<!--侧滑菜单部分-->
	<aside id="offCanvasSide" class="mui-off-canvas-left">
		<div id="offCanvasSideScroll" class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<? include menus.html ?>
			</div>
		</div>
	</aside>
	<!--主界面部分-->
	<div class="mui-inner-wrap">
		<header class="mui-bar mui-bar-nav">
			<a href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
			<form class="searchfrm" action="/search">
				<div class="mui-input-row mui-search">
					<input type="search" name="keywords" class="mui-input-clear" placeholder="所有资源都在这里">
				</div>
			</form>
		</header>
		<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<div class="title"><?- items.title ?></div>
				<ul class="mui-table-view mui-table-view-chevron">
					<? items.childs.forEach(function(movie){ ?>
					<li class="mui-table-view-cell mui-media">
						<a class="mui-navigate-right" href="<?- HOST ?>movie/<?- movie.href ?>">
							<img class="mui-media-object mui-pull-left" src="<?- movie.src ?>">
							<div class="mui-media-body">
								<?- movie.name ?>
								<p class='mui-ellipsis'><?- movie.tagname ?></p>
							</div>
						</a>
					</li>
					<? }) ?>
				</ul>
			</div>
		</div>
		<div class="mui-off-canvas-backdrop"></div>
	</div>
</div>
</body>
</html>